@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,500&display=swap');

* {
    box-sizing: border-box;
}

html body {
    font-family: Roboto, "Arial", "Helvetica", sans-serif;
    box-sizing: border-box;
    color: #000000;
}
body.Webgood {
    min-width: 375px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f1f1f1), color-stop(50%, #f8f8f8));
    background: -o-linear-gradient(top, #f1f1f1 50%, #f8f8f8 50%);
    background: linear-gradient(to bottom, #f1f1f1 50%, #f8f8f8 50%);
}

.Webgood {font-size: 13px;}
.Webgood .Frame-Middle .Main-Content { margin: 0 0 0 210px; padding: 5px 0 0 20px;}
.Webgood .Frame-Middle .Side-Content { width: 210px;}
.Webgood .Side-Content p { font-size: 13px; text-align: center; line-height: 1.4; font-weight: 300;}
.Webgood .Side-Content h3 { text-transform: capitalize; font-size: 15px; font-weight: 700; margin: 10px 0; line-height: 1.3;}
.Webgood .Side-Content .Side-Content-Item { padding: 0 30px;  text-align: center; border: none;}
.Webgood .Webgood-Transaction-Information h3 { font-size: 24px; color: #4b80eb; margin: 0 0 10px 0; text-transform: none; sans-serif; font-weight: 400;}
.Webgood .Print-Page {display: block; background: #4b80eb url(/Publishers/1001837/Designer/style222/iconPrinter.png) no-repeat center 10px; padding: 40px 10px 10px 10px; text-align: center; text-transform: uppercase; height: auto;}
.Webgood .Print-Page a {color:#ffffff;}
.Webgood .Statement-Example { margin: 15px 0px 0 15px;}
.Webgood-Purchase th.Purchase-Price, .Webgood-Purchase td.Purchase-Price { white-space: nowrap;}
.Webgood .Top-Main-Content { max-width: 75%;}
.Webgood .Step-Wrap .Step {text-indent: initial;}

.de.Webgood .Top-Main-Content { max-width: 60%;}
.Webgood-Billing th { white-space: nowrap;}
.Webgood .Frame-Middle .Main-Content {padding: 0;}

.Webgood-Billing td {
 max-width: 100px;
 width: 100%;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;    
}
.Webgood .Step-Wrap .Secure img {
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 0;
}
.Webgood .Frame-Top-Line .Inner-Container {
    background-color: transparent;
}
.Webgood-Purchase td.Purchase-Price { vertical-align: top; padding-top: 10px;}
.Webgood .Frame-Bottom-Line {
    display: none;
}

.Webgood .Frame-Middle {
    padding-top: 20px;
}

.Webgood .Frame-Middle .Inner-Container {
    background: #fff !important;
    max-width: 1082px;
}

.Webgood .Frame-Middle .Inner-Container {
    background: #fff !important;
    max-width: 1082px;
    padding: 20px 15px !important;
}

.Webgood div.Print-Page {
    top: -7px;
}
.Webgood .Webgood-Purchase-Summary-Title h1,
.Webgood .Webgood-Billing-Information-Title h1 {
    color: #47cc76;
    font-size: 20px;
}
body.Webgood .Side-Content h3 {
    font-size: 20px;
}
body.Webgood .Webgood-Transaction-Information h3 {
    color: #47cc76;
}
.Webgood div.Print-Page {
    background-color: #47cc76;
}
.Webgood div.Side-Content p {
    font-weight: 400;
}
.Webgood .Frame-Middle .white_content a {
    color: #fff;
}

@media screen and (max-width: 1099px) {
.Webgood .Frame-Middle .Inner-Container .Side-Content, .Webgood .Frame-Middle .Inner-Container .Main-Content { background: #ffffff!important;}
.Webgood .Statement-Example { margin: 15px 0 0 -84px;}
}
@media (max-width: 768px) {
.Webgood .Frame-Middle .Inner-Container .Main-Content { margin: 0;}
.Webgood .Webgood-Billing-Information .Statement-Example { margin: 15px 0;}
.Webgood .Main-Content .Print-Page { display: none;}
    .Webgood div.Page-Step3 div.Frame-Middle {
        padding-top: 20px;
    }
}
@media (max-width: 577px) {

    .Webgood .Step-Wrap .Secure {
        display: none;
    }
}
@media (max-width: 426px) {

    .Webgood .Statement-Example h3 {
        margin: 0;
    }

}
@media (max-width: 480px) {
    body.Webgood .One-Field,
    body.Webgood .One-Field label {
        width: 100%;
        display: block;
        text-align: left;
        margin: 0;
    }
 body.Webgood .Webgood-Statement { background-image: none;}
 body.Webgood .Webgood-Purchase-Summary-Title h1, body.Webgood .Webgood-Billing-Information-Title h1 { text-indent: 0; padding: 0 5px;}
  div.secure-top {  display: none;}
}